<template>
  <div>
    <!-- <h2>全部订单</h2> -->
    <span class="kong"></span>
    <div class="head">
      <van-nav-bar title="全部订单" left-arrow @click-left="onClickLeft" fixed/>
    </div>
    <div class="main">
      <van-row>
        <van-col span="6"></van-col>
        <van-col span="10" offset="4">全部订单<van-icon name="success" /></van-col>
      </van-row>
      <van-picker :columns="columns" @change="onChange"/>
    </div>
    <div class="foot">
        <span></span>
        <p>买买买，买件装备一起训练吧</p>
    </div>
  </div>
</template>

<script>
export default {
  name: "Allorders",
  data() {
    return {
      columns: ["待支付", "待发货", "已发货", "已完成"]
    };
  },
  methods: {
    onClickLeft() {
      this.$router.push("/myspeed");
    },
    onChange(picker, value, index) {
    //   Toast(`当前值：${value}, 当前索引：${index}`);
    }
  }
};
</script>

<style scoped>
.kong {
  display: block;
  height: 50px;
}
.foot{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.foot span{
width: 172px;
height: 172px;
line-height: 20px;
text-align: center;
border: 1px solid rgba(187, 187, 187, 1);
border-radius: 50%
}
.foot p{
color: rgba(16, 16, 16, 1);
font-size: 14px;
text-align: center;
font-family: PingFangSC-regular;
}
</style>
